<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>店铺列表</title>
		<link rel="stylesheet" type="text/css" href="../css/header.css"/>
		<link rel="stylesheet" type="text/css" href="../css/footer.css"/>
		<link rel="stylesheet" type="text/css" href="../../dist/css/main/shoplist.css"/>
	</head>
	<body>
		<header>
			<!--logo-->
			<div class="logo">
				<div class="img-warp"><img src="../img/logo_03.png"/></div>
			</div>
			<!--导航栏-->
			<div class="navbar">
				<ul>
					<li><a href="index.html">首页</a></li>
					<li><a href="shopindex.html">骑行</a></li>
					<li><a href="index2.html">铁三</a></li>
					<li><a href="index2.html">跑步</a></li>
					<li><a href="index2.html">设计师入驻</a></li>
					<li><a href="shoplist.html">品牌专区</a></li>
				</ul>
			</div>
			<!--搜索栏-->
			<form action="" method="post">
				<div class="search">
					
					<input type="text" name="search" id="search"  />
					<div class="tijiao">
						<input type="image" src="../img/fangdajing_03.png" />
					</div>
				</div>
				
			</form>
			<!--购物车-->
			<div class="buycar">
				<a href="#"><img src="../img/buycar_03.png"/></a>	
			</div>
			<!--登录-->
			<div class="login">
				<a href="../orders.html"><img src="../img/man_02.png"/></a>
			</div>
			<!--在线客服-->
			<div class="online">
				<div class="online-content">
					<a href="#">
						<img src="../img/pang_03.png"/>
						<p>在线客服</p>
						<div class="clearfix"></div>
					</a>
					
				</div>
			</div>
			<!--更换字体-->
			<div class="changefont">
				<a href="#"><div class="changefont-content">CH</div></a>
			</div>
			
			<!--清浮动-->
			<div class="clearfix"></div>
		</header>
		
		
		<section>
			<div class="nav">
				<a href="index.html">首页</a> &gt; <a href="shoplist.html">品牌专区</a>
			</div>
			<!--轮播图-->
			<div class="banner">
				<a href="#"><img src="../img/main/shoplist/banner_06.png"/>
				<!--小圆点-->
				<div class="bannernav">
					<div class="bannernavbar">
						<ul>
							<li class="active"></li>
							<li></li>
							<li></li>
							
						</ul>
					</div>
				</div>
				</a>
			</div>
			
			<!--搜索栏-->
			<div class="seach">
				<p class="active fl"><a href="#">当前活跃</a></p>
				<p class="no fl"><a href="#">最新发布</a></p>
				<!--搜索框-->
				<form action="" method="post">
					<div class="searchbar fr">
						<input type="text" name="search" placeholder="搜索店铺名称"/>
						<input type="image" src="../img/main/shoplist/searchred.png" />
					</div>
					
				</form>
				
				
				<div class="clearfix"></div>
			</div>
			
			<!--主内容-->
			<div class="main">
				<!--板块-->
				<div class="maincell">
					<!--品牌-->
					<div class="brand fl">
						<img src="../img/main/shoplist/super_03.png"/>
						<p>SUPER12</p>
						<p>“向着阳光的方向”</p>
						<p class="guanzhu">关注<p>
					</div>
					<!--衣服-->
					<div class="clothes fl">
						<!--单个模块-->
						<div class="clothes-cell cell fl">
								<!--图片容器-->
								<div class="clothes-warp warp">
									<a href="#"><img src="../img/main/shoplist/listclothes1_07.png" title="男士骑行上衣"/></a>
								</div>
								<div class="clothes-bottom bottom">
									<p>
										男士骑行上衣
									</p>
									<p>￥<span>299</span></p>
									<div>
										<div class="like btn">
											<a href="#">
												<img src="../img/main/shouye/ranbow_17.png"/>
												 &nbsp;立刻定制
											</a>
											
										</div>
									</div>
								</div>
							</div>
							<!--单个板块结束-->
							
							<!--单个模块-->
						<div class="clothes-cell cell fl">
								<!--图片容器-->
								<div class="clothes-warp warp" title="男士骑行上衣">
									<a href="#"><img src="../img/main/shoplist/clothes2_07.png"/></a>
								</div>
								<div class="clothes-bottom bottom">
									<p>
										男士骑行上衣
									</p>
									<p>￥<span>299</span></p>
									<div>
										<div class="like btn">
											<a href="#">
												<img src="../img/main/shouye/ranbow_17.png"/>
												 &nbsp;立刻定制
											</a>
											
										</div>
									</div>
								</div>
							</div>
							<!--单个板块结束-->
							
							<!--单个模块-->
						<div class="clothes-cell cell fl">
								<!--图片容器-->
								<div class="clothes-warp warp" title="男士骑行上衣">
									<a href="#"><img src="../img/main/shoplist/listclothes1_07.png"/></a>
								</div>
								<div class="clothes-bottom bottom">
									<p>
										男士骑行上衣
									</p>
									<p>￥<span>299</span></p>
									<div>
										<div class="like btn">
											<a href="#">
												<img src="../img/main/shouye/ranbow_17.png"/>
												 &nbsp;立刻定制
											</a>
											
										</div>
									</div>
								</div>
							</div>
							<!--单个板块结束-->
							
							<!--单个模块-->
						<div class="clothes-cell cell fl">
								<!--图片容器-->
								<div class="clothes-warp warp" title="男士骑行上衣">
									<a href="#"><img src="../img/main/shoplist/clothes2_07.png"/></a>
								</div>
								<div class="clothes-bottom bottom">
									<p>
										男士骑行上衣
									</p>
									<p>￥<span>299</span></p>
									<div>
										<div class="like btn">
											<a href="#">
												<img src="../img/main/shouye/ranbow_17.png"/>
												 &nbsp;立刻定制
											</a>
											
										</div>
									</div>
								</div>
							</div>
							<!--单个板块结束-->
							
							
							
							
							<div class="clearfix"></div>
					</div>
					<!--衣服结束-->
					
					<div class="clearfix"></div>
				</div>
				<!--板块结束-->
				
				<!--板块-->
				<div class="maincell">
					<!--品牌-->
					<div class="brand fl">
						<img src="../img/main/shoplist/dream_07.png"/>
						<p>DREAM骑手</p>
						<p>第四届骑手杯赞助商<br />第六届世锦杯赞助商</p>
						<p class="guanzhu">关注<p>
					</div>
					<!--衣服-->
					<div class="clothes fl">
						<!--单个模块-->
						<div class="clothes-cell cell fl">
								<!--图片容器-->
								<div class="clothes-warp warp" title="男士骑行上衣">
									<a href="#"><img src="../img/main/shoplist/listclothes1_07.png"/></a>
								</div>
								<div class="clothes-bottom bottom">
									<p>
										男士骑行上衣
									</p>
									<p>￥<span>299</span></p>
									<div>
										<div class="like btn">
											<a href="#">
												<img src="../img/main/shouye/ranbow_17.png"/>
												 &nbsp;立刻定制
											</a>
											
										</div>
									</div>
								</div>
							</div>
							<!--单个板块结束-->
							
							<!--单个模块-->
						<div class="clothes-cell cell fl">
								<!--图片容器-->
								<div class="clothes-warp warp" title="男士骑行上衣">
									<a href="#"><img src="../img/main/shoplist/clothes2_07.png"/></a>
								</div>
								<div class="clothes-bottom bottom">
									<p>
										男士骑行上衣
									</p>
									<p>￥<span>299</span></p>
									<div>
										<div class="like btn">
											<a href="#">
												<img src="../img/main/shouye/ranbow_17.png"/>
												 &nbsp;立刻定制
											</a>
											
										</div>
									</div>
								</div>
							</div>
							<!--单个板块结束-->
							
							<!--单个模块-->
						<div class="clothes-cell cell fl">
								<!--图片容器-->
								<div class="clothes-warp warp" title="男士骑行上衣">
									<a href="#"><img src="../img/main/shoplist/listclothes1_07.png"/></a>
								</div>
								<div class="clothes-bottom bottom">
									<p>
										男士骑行上衣
									</p>
									<p>￥<span>299</span></p>
									<div>
										<div class="like btn">
											<a href="#">
												<img src="../img/main/shouye/ranbow_17.png"/>
												 &nbsp;立刻定制
											</a>
											
										</div>
									</div>
								</div>
							</div>
							<!--单个板块结束-->
							
							<!--单个模块-->
						<div class="clothes-cell cell fl">
								<!--图片容器-->
								<div class="clothes-warp warp" title="男士骑行上衣">
									<a href="#"><img src="../img/main/shoplist/clothes2_07.png"/></a>
								</div>
								<div class="clothes-bottom bottom">
									<p>
										男士骑行上衣
									</p>
									<p>￥<span>299</span></p>
									<div>
										<div class="like btn">
											<a href="#">
												<img src="../img/main/shouye/ranbow_17.png"/>
												 &nbsp;立刻定制
											</a>
											
										</div>
									</div>
								</div>
							</div>
							<!--单个板块结束-->
							
							
							
							
							<div class="clearfix"></div>
					</div>
					<!--衣服结束-->
					
					<div class="clearfix"></div>
				</div>
				<!--板块结束-->
				
				<!--板块-->
				<div class="maincell">
					<!--品牌-->
					<div class="brand fl">
						<img src="../img/main/shoplist/rapha.png"/>
						<p>RAPHA</p>
						<p>“向着阳光的方向”</p>
						<p class="guanzhu">关注<p>
					</div>
					<!--衣服-->
					<div class="clothes fl">
						<!--单个模块-->
						<div class="clothes-cell cell fl">
								<!--图片容器-->
								<div class="clothes-warp warp" title="男士骑行上衣">
									<a href="#"><img src="../img/main/shoplist/listclothes1_07.png"/></a>
								</div>
								<div class="clothes-bottom bottom">
									<p>
										男士骑行上衣
									</p>
									<p>￥<span>299</span></p>
									<div>
										<div class="like btn">
											<a href="#">
												<img src="../img/main/shouye/ranbow_17.png"/>
												 &nbsp;立刻定制
											</a>
											
										</div>
									</div>
								</div>
							</div>
							<!--单个板块结束-->
							
							<!--单个模块-->
						<div class="clothes-cell cell fl">
								<!--图片容器-->
								<div class="clothes-warp warp" title="男士骑行上衣">
									<a href="#"><img src="../img/main/shoplist/clothes2_07.png"/></a>
								</div>
								<div class="clothes-bottom bottom">
									<p>
										男士骑行上衣
									</p>
									<p>￥<span>299</span></p>
									<div>
										<div class="like btn">
											<a href="#">
												<img src="../img/main/shouye/ranbow_17.png"/>
												 &nbsp;立刻定制
											</a>
											
										</div>
									</div>
								</div>
							</div>
							<!--单个板块结束-->
							
							<!--单个模块-->
						<div class="clothes-cell cell fl">
								<!--图片容器-->
								<div class="clothes-warp warp" title="男士骑行上衣">
									<a href="#"><img src="../img/main/shoplist/listclothes1_07.png"/></a>
								</div>
								<div class="clothes-bottom bottom">
									<p>
										男士骑行上衣
									</p>
									<p>￥<span>299</span></p>
									<div>
										<div class="like btn">
											<a href="#">
												<img src="../img/main/shouye/ranbow_17.png"/>
												 &nbsp;立刻定制
											</a>
											
										</div>
									</div>
								</div>
							</div>
							<!--单个板块结束-->
							
							<!--单个模块-->
						<div class="clothes-cell cell fl">
								<!--图片容器-->
								<div class="clothes-warp warp" title="男士骑行上衣">
									<a href="#"><img src="../img/main/shoplist/clothes2_07.png"/></a>
								</div>
								<div class="clothes-bottom bottom">
									<p>
										男士骑行上衣
									</p>
									<p>￥<span>299</span></p>
									<div>
										<div class="like btn">
											<a href="#">
												<img src="../img/main/shouye/ranbow_17.png"/>
												 &nbsp;立刻定制
											</a>
											
										</div>
									</div>
								</div>
							</div>
							<!--单个板块结束-->
							
							
							
							
							<div class="clearfix"></div>
					</div>
					<!--衣服结束-->
					
					<div class="clearfix"></div>
				</div>
				<!--板块结束-->
				
				
			</div>
			
			<!--跳转栏-->
			<div class="tiaozhuan">
				<div class="tiaozhuanbar fr">
					<!--跳转格-->
					<div class="numberwarp fl">
						<a href="#">&lt;</a>
					</div>
					<div class="numberwarp fl active"><a href="#">1</a></div>
					<div class="numberwarp fl"><a href="#">2</a></div>
					<div class="numberwarp fl"><a href="#">3</a></div>
					
					<div class="numberwarp fl no">&middot;&middot;&middot;</div>
					<div class="numberwarp fl"><a href="#">&gt;</a></div>
					<div class="numberwarp fl no">跳至</div>
					<div class="morewarp fl"><a href="#"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;页</a></div>
					<div class="morewarp fl"><a href="#"> 跳转</a></div>
					
					<div class="clearfix"></div>
				</div>
				<div class="clearfix"></div>
			</div>
			
			
			
			
			
			
			
			
			
		</section>
		
		
		<footer>
			<!--底部logo-->
			<div class="redlogo"><img src="../img/redlogo_03.jpg"/></div>
			<!--底部导航栏-->
			<div class="bottomnav">
				<ul>
					<li><a href="#">新手指南</a></li>
					<li><a href="#">用户注册</a></li>
					<li><a href="#">定制流程</a></li>
				</ul>
				<ul>
					<li><a href="#">付款方式</a></li>
					<li><a href="#">支付方式</a></li>
					<li><a href="#">支付问题</a></li>
					<li><a href="#">常见问题</a></li>
				</ul>
				<ul>
					<li><a href="#">售后服务</a></li>
					<li><a href="#">退款换货</a></li>
					<li><a href="#">配送方式</a></li>
					<li><a href="#">联系我们</a></li>
				</ul>
				<ul>
					<li><a href="#">政策条款</a></li>
					<li><a href="#">服务协议</a></li>
					<li><a href="#">隐私条款</a></li>
					<li><a href="#">版权条款</a></li>
				</ul>
				
			</div>
			
			
			
			<!--清浮动-->
			<div class="clearfix"></div>
			<p class="bottomword">
				<!--底部文案-->
				&copy; 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1
			</p>
		</footer>
	</body>
</html>
